html,body{font-size:12px;margin:0px;height:100%;z-index:100;}
.mesWindow{border:#BBB 3px solid;background:#fff;z-index:100;}
.mesWindowTop{border-bottom:#eee 1px solid;margin-left:4px;padding:3px; font-weight:bold;text-align:center;font-size:18px; color:#686868;}
.mesWindowContent{margin:4px;font-size:12px;border-bottom:#eee 1px solid; color:#686868;}
.mesWindowBottom{ text-align:center; margin:10px auto;}
.mesWindowBottom a{ margin-right:25px; margin-left:25px;}
.mesWindow .close{height:15px;width:28px;border:none;cursor:pointer;text-decoration:underline;background:#fff}

 .container{
	padding:10px;
   	width : 240px;
   	height : 180px;
}
.container div{
   	width : 50px;
   	height : 50px;
   	float:left;
   	margin:5px;
}
.color1 {
  background-color : #A83A3A;
}
.color2 {
  background-color : #673E92;
}
.color3 {
  background-color : #225D8B;
}
.color4 {
  background-color : #8F8B31;
}
.color5 {
  background-color : #E25451;
}
.color6 {
  background-color : #AD66CE;
}
.color7 {
  background-color : #608AD0;
}
.color8 {
  background-color : #DCD863;
}
.color9 {
  background-color : #FF8A85;
}
.color10 {
  background-color : #D8BDD8;
}
.color11 {
  background-color : #B5B7FE;
}
.color12 {
  background-color : #F3FF83;
}
#target{
  	height: 100px;
	width: 120px;
	border: 0px;
	border-radius: 20px;
	color: #EEEEEE;
	text-align: center;
	font-size: 30px;
}

#target p {
	line-height: 100px;
    font-size: 20px;
    font-family: Helvetica;
    color: #FFFFFF;
}
#target:after {
	content: "UPLODE";
	color: #5DACD3;
	font-size: 15px;
	font-weight: bold;
	position: relative;
	top: 5px;
}
#back{
	z-index:2;
}